<template>
  <div class="find-car-inform">
    <!-- <div class="title">寻车告知事项</div> -->
    <!-- <div class="content">
      <section>
        <p>尊敬的XX先生/小姐：
          <br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;因寻车过程中需要投入大量的时间及人力，所以需要根据指导价区间收取相对应的寻车服务费，标准如下：
          <br>
          指导价10W以下车型收取300；
          <br>
          指导价10~20W车型收取600；
          <br>
          指导价20~30W车型收取1000；
          <br>
          指导价30W~50W车型收取1600；
          <br>
        ★在约定时间内找不到符合条件的优惠价格或车辆，寻车服务费将全数退回。如因客户单方面原因无故取消订单时，将扣除所支付的寻车服务费金额五成，不予退回。
        </p>
      </section>
      <img class="flowChart" src="../../assets/image/index.png" alt="">
    </div> -->
    <div class="content">
      <div>
        <img :src="strHtml" alt="">
      </div>
    </div>
  </div>
</template>

<script>
import {getFixedInformationManagement} from './api'

  export default{
    name:'',
    data() {
      return {
        strHtml:'',
        id:''
      }
    },
    methods: {
      // 回显数据
      async initFixedInformationManagement() {
        const {data} = await getFixedInformationManagement()
        // this.strHtml = '<p><p><p><p><img src="https://chezhuapp.oss-cn-beijing.aliyuncs.com/image/20211126/85033f527581430087e5ef4f74f0f83d.png"><p></p></p><p><p><p>离开家看了看极乐空间六节课拉开距离开久了你1</p></p></p></p></p>1</p>'
        this.strHtml = data.content
        this.id = data.id
        /* let div = document.querySelector("#content")
        console.log('%c [ div ]-46', 'font-size:13px; background:pink; color:#bf2c9f;', div)
        div.innerHTML = this.strHtml
        document.body.append(div) */
      },
    },
    created() {
      this.initFixedInformationManagement()
    },
}
</script>

<style scoped lang="less">
  .find-car-inform{
    // padding: 16px;
    // position: relative;
    background-color: #FFFFFF;
    font-family: PingFangSC-Regular, PingFang SC;
    .title{
      font-size: 16px;
      font-weight: 500;
      color: #313132;
      text-align: center;
      padding-top: 16px;
    }
    .content{
      width: 100vw;
      // height: 100vh;
      /* position: absolute;
      left: 5vw;
      top: 5vw;
      right: 5vw;
      bottom: 5vw; */
      display: flex;
      justify-content: center;
      align-items: center;
      p{
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 24px;
      }
      div{
        width: 90vw;
        img{
        width: 100%;
        height: 100%;
        margin-top: 5vw;
        margin-bottom: 5vw;
        /* margin-left: 50%;
        transform: translate(-20%,0); */
      }
      }
    }
    .flowChart{
      width: 100%;
      height: 100%;
    }
  }
</style>